<view class="container">
  <scroll-view class="root-body-box" scroll-y style="white-space:nowrap">
    <view class="body-box" style="opacity:{{opacity}}">
      <view class="body-box-1">
        <image class="avatar" src="{{peopleInfo.avatarUrl}}" mode="widthFix"></image>
      </view>
      <view class="body-box-2">
        <view class="body2-line1">
          <view class="body2-line1-left">
            <view class="name-box">{{peopleInfo.nickName}}</view>
            <view class="gender-box">
              <image class="gender" wx:if="{{peopleInfo.gender == 1}}" src="/pic/boy.png" mode="scaleToFill"></image>
              <image class="gender" wx:if="{{peopleInfo.gender == 2}}" src="/pic/girl.png" mode="scaleToFill"></image>
            </view>
          </view>
          <view class="city-box" wx:if="{{peopleInfo.location.length>0}}">
          <image class="city-img" src="/pic/map-pin.png" mode="scaleToFill"></image>{{peopleInfo.location}}</view>
        </view>
        <view class="body2-line2">
          <view class="one-Info-box" wx:if="{{peopleInfo.age>=0}}">{{peopleInfo.age}}岁</view>
          <view class="one-Info-box" wx:if="{{peopleInfo.height>=0}}">{{peopleInfo.height}}cm</view>
          <view class="one-Info-box" wx:if="{{peopleInfo.constellation.length>0}}">{{peopleInfo.constellation}}座</view>
        </view>
        <view class="body2-line3">
          <view class="sign-box" wx:if="{{peopleInfo.words.length>0}}">{{peopleInfo.words}}</view>
          <view class="labels-box" wx:if="{{peopleInfo.labels.length>0}}">
            <view class="one-label"  wx:for="{{peopleInfo.labels}}" wx:for-index="index">{{peopleInfo.labels[index]}}</view>
          </view>
        </view>
      </view>
      <view class="body-box-3" wx:if="{{peopleInfo.aboutMe.length>0}}">
        <view class="body3-line1">
          <view class="title-img-box"></view>关于WO
        </view>
        <view class="body3-line2">{{peopleInfo.aboutMe}}</view>
      </view>
      <view class="body-box-3" wx:if="{{peopleInfo.loveTa.length>0}}">
        <view class="body3-line1">
          <view class="title-img-box"></view>心仪的TA
        </view>
        <view class="body3-line2">{{peopleInfo.loveTa}}</view>
      </view>
      <view class="body-box-bottom">
        <view class="body4-line">
          <button style="font-size:100%;;" open-type="addFriend" open-id="{{peopleInfo.openid}}" bindaddfriend="addFriendHandler">添加好友</button>
        </view>
      </view>
      <view style="height:160rpx;"></view>
    </view>
  
  </scroll-view>
  <view class="choose-box">
    <view class="choose-like recom-box" bindtap="recommendFriends">
      <image class="yes-no-img" src="/pic/share-2.png" mode="scaleToFill"></image>推荐好友
    </view>
    <view style="width:8%"></view>
    <view class="choose-like like-box" wx:if="{{isLike}}">
        <image class="yes-no-img" src="/pic/heartblack.png" mode="scaleToFill" ></image>已喜欢
    </view>
    <view class="choose-like like-box" wx:else bindtap="likeCP">
        <image class="yes-no-img" src="/pic/heartblack.png" mode="scaleToFill" ></image>喜欢Ta 
    </view>
  </view>
</view>
  
